<template>
	<div class="mobileperson">
		<MobilePersonHeader></MobilePersonHeader>
		<MobilePersonAccount></MobilePersonAccount>
		<MobilePersonVip></MobilePersonVip>
		<MobilePersonAds></MobilePersonAds>
	</div>
</template>

<script>
	import MobilePersonHeader from '@/components/mobile/person/MobilePersonHeader.vue';
	import MobilePersonAccount from '@/components/mobile/person/MobilePersonAccount.vue';
	import MobilePersonVip from '@/components/mobile/person/MobilePersonVip.vue';
	import MobilePersonAds from '@/components/mobile/person/MobilePersonAds.vue';
	export default {
		components: {
			MobilePersonHeader,
			MobilePersonAccount,
			MobilePersonVip,
			MobilePersonAds
		},
		data() {
			return {
			}
		},
		mounted() {
			 if(this.$store.state.token == null) {
				 this.$router.push({
				 	path: '/login'
				 });
			 }
		}
	}
</script>

<style scoped>
	.mobileperson {
		/* npm i swiper@5 */
		background: linear-gradient(to bottom, white, #aaaaaa);
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		position: relative;
		top: 3.5rem;
	}
</style>